<!DOCTYPE html>
<html>
	<head>
		<!-- <meta> -->
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<script type="text/javascript" src="icon/flexible.js"></script>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}

			a {
				text-decoration: none;
			}

			li {
				list-style: none;
			}

			.fj {
				width: 100%;
				max-width: 640px;
				min-width: 320px;
				position: relative;
				margin: auto;
			}

			.nav {
				height: 1.2rem;
				width: 100%;
				background-image: url(icon/nav.png);
				background-position: center !important;
				background-size: 100% 100% !important;
				top: 0;
				left: 0;
				margin-bottom: 1.2rem;
				position: fixed;
				z-index: 9999;
				display: flex;
				align-items: center;
				text-align: center;
			}

			.nav a {
				display: block;
				width: 0.4rem;
				height: 0.6rem;
				background-repeat: no-repeat !important;
				background-position: center;
				position: absolute;
				left: 0.3rem;
			}

			.nav a img {
				width: 0.4rem;
				height: 0.6rem;
			}

			.nav p {
				width: 100%;
				height: 100%;
				text-align: center;
				color: whitesmoke;
				font-size: 0.42rem;
				line-height: 1.2rem;
			}

			.pj {
				height: 1.6rem;
				margin-top: 1.2rem;
				display: flex;
				justify-content: space-around;
				align-items: center;
			}

			.pj div {
				height: 0.7rem;
				width: 2.13rem;
				border: 1px solid darkgray;
				border-radius: 7px;
				text-align: center;
				line-height: 0.7rem;
			}

			.dx {
				height: 3.53rem;
				width: 8.93rem;
				display: flex;
				flex-wrap: wrap;
				align-self: center;
				margin-left: 0.7rem;
			}

			.dx>div {
				height: 0.93rem;
				line-height: 0.93rem;
			}

			.dx img {
				width: 0.7rem;
				height: 0.7rem;
				margin-left: 0.2rem;
			}
			.pan{
				height: 2.4rem;
				width: 9.06rem;
				width: 100%;
				display: flex;
				margin-left: 0.7rem;
				flex-wrap: wrap;
			}
			.pan div{
					width: 2.13rem;
					height:0.66rem ;
					border: 1px solid darkgray;
					border-radius: 7px;
					text-align: center;
					float: left;
					margin-right: 0.53rem;
					line-height: 0.66rem;
			}	
			.denlu {
				height: 3rem;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.denlu div {
				width: 4.2rem;
				height: 1.06rem;
				border-radius: 5px;
				background-color: rgb(242, 58, 56);
				text-align: center;
				line-height: 1.06rem;
				
				color: whitesmoke;
			}
			.fk{
				width: 8.13rem;
				height:2rem;
				margin:20px 0;
				margin-left: 0.7rem;
				}			
		</style>
	</head>
	<body>
		<div class="fj">
			<div class="nav">
				<a href="javascript:history.go(-1)"><img src="icon/fanhui@2x.png"></a>
				<p>评价</p>
			</div>
			<!-- 评价 -->
			<div class="pj">
				<div>差评</div>
				<div>中评</div>
				<div>好评</div>
			</div>
			<div class="dx">
				<div>服务资粮:<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
				</div>
				<div>服务资粮:<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
				</div>
				<div>服务资粮:<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
					<img src="icon/wujiaoxing@2x.png">
				</div>
			</div>
			<div class="pan">
				<div>技术不错</div>
				<div>技术不错</div>
				<div>技术不错</div>
				<div>技术不错</div>
				<div>技术不错</div>
			</div>
			<input class="fk" rows="" cols="" placeholder="说点什么吧">
				
			</input>
			<div class="denlu">
				<div><a href="首页.html">提交</a></div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		var pj = document.getElementsByClassName("pj")[0];
		var pjan = pj.getElementsByTagName("div");
		pj.addEventListener("click", function(event) {
			if (event.target.nodeName.toLowerCase() == "p") {

			}

		})
	</script>
</html>
